@charset "utf-8";
/* CSS Document */
/*all*/
@media screen and (max-width: 1024px) {
	.munes,.xxl,.footer{ display:none;}
	#hamburger,.xl{ display:block;}
	.bottomlist{ display:block;}
	.footer-tit{ margin-bottom:65px;}
}
/*banner*/
@media screen and (max-width: 1440px) {
	.banner .swiper-slide{ height:632px;}
	.banner .swiper-slide:nth-child(2) .right img{ max-width:50%;}
}
@media screen and (max-width: 1200px) {
	.banner .swiper-slide{ height:560px;}
	.banner .swiper-slide:nth-child(2) .right img{ max-width:50%;}
}
@media screen and (max-width: 1024px) {
	.banner .swiper-slide{ height:460px;}
}
@media screen and (max-width: 800px) {
	.banner .swiper-slide:nth-child(2) .right img{ max-width:100%; position:relative;}
	.banner .swiper-slide{ height:fit-content;}
}

/*index*/
@media screen and (max-width: 1600px) {
	.banner .warp2>* { padding: 160px 0 130px 0;}
	.ip .box{ padding:60px 30px; height:480px;}
}
@media screen and (max-width: 1400px) {
	.banner .warp2>* { padding: 120px 0 100px 0;}
	.header .munes .m-list{ margin:0 20px;}
	.header .munes .m-list:last-child { padding:10px 0;  margin: 0 0 0 20px;}
	.header,.header .munes .m-list{ height:80px;}
	.header .logo img{ width:140px;}
	.header .munes .m-list{ padding:16px 0;}
	.ip .box .txt { margin: 25px auto 0 auto;}
	.ip .box{ padding:60px 20px; height:420px;}
	.ia .boxs { margin: 60px auto 0 auto;}
	.ia .warp>.dots {  margin: 0 auto 60px auto;}
	.ia .warp>.dots>*{ padding:20px;}
	.ip-line{ padding:60px 0;}
	.inews { padding: 40px 0 25px 0;}
	.inews .tit{ margin-bottom:25px;}
	.footer .fo2 .fm-list .dot{ padding-right:60px;}
}
@media screen and (max-width: 1300px) {
	.ia .warp>.dots>*{ display:block; width:50%; float:left; height:120px;}
	.iadv{ padding:40px 0;}
	.iadv .tit{ margin-bottom:40px;}
	.iadv .txt .img {  text-align:center;}
	.iadv .txt .img .iad-a{position:static; top:auto; left:auto; text-align:center;}
	.iadv .txt .img .iad-b{ position:static; display:none;}
	.iadv .txt .dot{ margin-bottom:0px;}
	.iadv .txt .left{ display:inline; width:50%; padding-left: 0px;} 
	.iadv .txt .left .dot,.iadv .txt .right .dot{ float:left; width:100%; height:80px; padding:6px 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.iadv .txt .right{display: inline; float:left;width:50%;}
	.iadv .txt .right .dot:last-child{ padding-top:6px;}
	.inews .news-slider .swiper-slide-prev img,.inews .news-slider .swiper-slide-prev .txt,.inews .news-slider .swiper-slide-next img,.inews .news-slider .swiper-slide-next .txt{ opacity:0.3;}
}
@media screen and (max-width: 1200px) {
	.footer .fo2 .two{ display:none;}
}
@media screen and (max-width: 1024px) {
	.header .logo img { width: 100px;}
	.header{ height:fit-content;}
	.banner .warp2>*{ padding:80px 0;}
	.ip .boxs{ padding:0 20%;}
	.ip .box{ width:50%; padding:20px 30px; height:360px;}
	.ia .boxs .right .dot { display:block;  width: 50%; float:left; margin-bottom:10px;}
	.iadv .txt .left .dot,.iadv .txt .right .dot{ height:90px;}
	.ip-line h3 { font-size: 2.4em; margin-bottom:15px;}
	.ip-line h4 { font-size: 2em; width:50%;}
	.iadv .txt .img .iad-a{ margin-top:-40px;}
	.ip-line{ background-position:center top;}
	.iadv .txt .img{ margin-left:0;}
	.iadv .txt .left .dot, .iadv .txt .right .dot{ height:110px;}
}
@media screen and (max-width: 800px) {
	.inews .news-slider .swiper-button-prev,.inews .news-slider .swiper-button-next{ width:40px; height:80px; background-size:40px 80px; top:25%;}
	.inews .news-slider .swiper-slide .txt{ padding:20px;}
	.ip .boxs{ padding:0 10%;}
	.ip .box{ height:380px;}
	.ia .boxs .left p,.ia .boxs .left h4,.ia .boxs .left h3{ padding:0 20px;}
	.ia .boxs .left{ padding:20px 0;}
}
@media screen and (max-width: 650px) {
	.ip .box{ width:50%; height:fit-content; margin:0 -1px -1px 0;}
	.ip { background-image: linear-gradient(0deg,#efeff1 0%,#efeff1 50%,#f1c617 50%,#f1c617 100%);}
	.ip .boxs{padding:0%;}
	.ip .box:nth-child(1),.ip .box:nth-child(2){ background:#efeff1 !important;}
	.ip .box:nth-child(3),.ip .box:nth-child(4){background:#f1c617 !important;}
	.ia .boxs>*{ display:block; width:100%;}
	.ia .boxs .left h3 { display:inline-block; padding-right:120px; background: url(../images/ia-inews-tbg.png) right center no-repeat;  line-height: 40px;  font-size: 2.4em;}
	.ia .boxs .right{ padding:40px 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.ia .boxs .right>h3{ margin-left:0;}
	.ia .warp>.dots>*{ width:100%;}
	.iadv .tit{ background-size:contain !important;}
	.iadv .tit h3{ font-size:2.4em; line-height:40px;}
	.iadv .txt .left, .iadv .txt .right{ width:100%;}
	.iadv .txt .left .dot, .iadv .txt .right .dot{ height:fit-content; margin:5px 0;}
	.ip-line h4{ width:80%;}
}
@media screen and (max-width: 500px) {
	.banner .warp2>*{ padding:40px 0; width:100%;}
	.ip .box{ width:70%; margin:-1px 15%;}
	.ip-line h4{ font-size:1.4em; line-height:20px;}
	.inews .tit h3{ font-size:2.4em; line-height:35px;}
	.inews .tit{ margin-bottom:15px;}
	.ia .boxs .right .dot .img{ width:60px; height:60px;}
	.ia .boxs .right .dot .img img{ width:35px;}
	.ia .warp>.dots>* .img{ width:55px;}
	.ia .warp>.dots>* .img img{ width:40px;}
	.ia .warp>.dots>* .txt {  width: calc(100% - 55px);}
	.ia .warp>.dots>* .txt h3 {   font-size: 1.6em;    line-height: 20px;    margin-bottom: 5px;}
}


/*contact*/
@media screen and (max-width: 1024px) {
	.contact-t{ padding:40px 0;}
	.contact-t .warp .in-tit{ margin-bottom:20px;}
	.lines .left a{ font-size:1.6em;}
	.lines{ height:60px;}
	.lines .left div,.lines .right>*{ line-height:60px;}
	.lines .right:after{ top:24px;}
	.in-tit h3 { font-size: 2.4em; line-height:28px;}
	.in-tit p{ font-size:1.4em;}
	.contact-t .c1 .left{ width:350px; padding:25px 35px;}
	.contact-t .c1 .left img{ max-width:100%;}
	.contact-t .c1 .left p { font-size: 1.6em; line-height: 28px;}
	.lines .left div{ width:120px;}
	.lines .left{ margin-left:20px;}
}
@media screen and (max-width: 800px) {
	.lines .left div{ width:100px;}
	.lines .right{ display:none;}
	.lines .left div,.lines .left{ float:none; text-align:center;}
	.lines .left div{display: inline-block;}
	.contact-t .c1{ display:block; }
	.contact-t .c1>*{ width:100% !important; display:block;}
	.contact-t .c1 .right #container { margin-left: 0px;   width: calc(100%);}
	.contact-t .c1 .left .txt{ max-width:300px; margin:0 auto;}
	.contact-t .c2 .txt .box .fc-input {  width: calc(100% - 54px);    margin: 0 27px 20px 27px;}
	.contact-t .c2 .txt .fc-txt{ margin-bottom:40px;}
	.contact-t .c2{ background-size:cover;}
	.lines .left{ margin-left:0;}
}
@media screen and (max-width: 600px) {
	.contact-t .c1 .right #container{ height:400px !important;}
	.contact-t .c2{ padding:30px 20px;}
	.lines .left a{ font-size:1.4em;}
	.lines{height:fit-content;}
	.lines .left div{ min-height:60px; height:fit-content;}
	.lines .left div {  width: 75px;}
}

/*news*/
@media screen and (max-width: 1440px) {
	.news-t .boxs .box{ width:calc(33.33% - 50px); margin:0 25px 50px 25px;}
	.news-t .boxs{ width:calc(100%); margin-left:0px;}
	.news-t .fy{ margin:0px 25px;}
}
@media screen and (max-width: 1200px) {
	.news-t .boxs .box .txt{ padding:20px;}
}
@media screen and (max-width: 1024px) {
	.news-t .boxs .box{ width:calc(50% - 50px); margin:0 25px 30px 25px;}
}
@media screen and (max-width: 800px) {
	.news-t .boxs .box .txt h3 {  font-size: 1.6em;  margin-bottom: 10px;}
	.news-t .boxs .box .txt h4 {  margin-bottom: 14px;}
	.news-t .boxs .box{ width:calc(50% - 20px); margin:0 10px 30px 10px;}
	.news-t .fy{ margin:0px 10px;}
	.news-t { padding: 40px 0;}
	.news-t .boxs{ margin-top:25px;}
}
@media screen and (max-width: 600px) {
	.news-t .boxs .box{ width:calc(100%); margin:0 0px 30px 0px;}
	.news-t .fy{ margin:0px 0px;}
}

/*newsshow*/
@media screen and (max-width: 1550px) {
	.newsshow{ padding:60px 0;}
}
@media screen and (max-width: 1024px) {
	.newsshow .tit,.newsshow .btn{ padding:40px 20px;}	
	.newsshow .txt{ padding:20px;}
}
@media screen and (max-width: 600px) {
	.newsshow .tit h3{ font-size:1.6em;}
	.newsshow .tit .dot h4{ font-size:1em; padding:10px 2px;}
	.newsshow .tit{ padding:30px 20px 0 20px;}
	.newsshow .btn{ padding:0px 20px 30px 20px;}	
	.newsshow .btn a{ padding:10px 15px;}
}

/*problem*/
@media screen and (max-width: 1200px) {
	.service-t1, .service-t2, .service-t3.service-t4{ padding:40px 0;}
	.service-t2 .boxs { padding: 30px 20px 40px 20px;  margin-top: 30px;}
}
@media screen and (max-width: 1024px) {
	.service-t2 .boxs .box{ padding:14px 20px;}
}
@media screen and (max-width: 800px) {
	.service-t2 .boxs .box a span{ font-size:1.6em;}
	.service-t2 .boxs .box a p{  font-size:1.4em;}
}

/*download*/
@media screen and (max-width: 1440px) {
	.service-t4 .boxs { padding: 40px 30px;}
	.service-t4 .box {  padding: 14px 15px;  width: calc(50% - 40px); margin: 10px 20px;}
	.service-t4 .fy{ margin:20px 20px;}
}
@media screen and (max-width: 1200px) {
	.service-t4 .boxs{ margin-top:30px;}
}
@media screen and (max-width: 800px) {
	.service-t4 .box {  padding: 14px 15px;  width: calc(100%); margin:10px 0;}
	.service-t4 .fy{ margin:20px 0;}
}
@media screen and (max-width: 500px) {
	.service-t4 .boxs{ padding:20px 15px;}
	.service-t4 .fy{ margin:10px 0;}
}

/*product*/
@media screen and (max-width: 1440px) {
	.product{ padding:140px 0 80px 0;}
	.product .product-slider{ padding:0 100px;}
}
@media screen and (max-width: 1200px) {
	.product .product-list a{ margin:0 2px;}
}
@media screen and (max-width: 1024px) {
	.product{ padding:100px 0 80px 0;}
	.product .product-list{ margin-bottom:60px;}
	.product .product-list a,.product .product-list a:after{ line-height:40px; width:120px; height:40px;}
	.product .product-list a{ font-size:1.4em;}
}
@media screen and (max-width: 800px) {
	.product .product-slider{ padding:0px;}
}
@media screen and (max-width: 600px) {
	.product .product-list a{ margin:5px 0px;}
	.product {  padding: 50px 0;}
	.product .product-list{ margin-bottom:30px;}
	.product .product-slider p{ margin-top:20px;}
}

/*productshow*/
@media screen and (max-width: 1440px) {
	.product{ padding:60px 0 40px 0;}
}
@media screen and (max-width: 1024px) {
	.productshow{ padding:50px 0;}
	.productshow .imgs{ padding:30px 0;}
	.productshow .ps1 .txt .t p{ line-height:28px;}
	.productshow .ps1 .txt .t p:after{ top:10px;}
	.productshow .ps1 .img{ width:100%; margin-bottom:40px; text-align:center;}
	.productshow .ps1 .txt{ width:100%;}
	.productshow .ps1 .img img{ padding-top:0;}
	.productshow .table{ overflow:scroll;}
	.productshow .table table{ width:2000px; max-width:fit-content;}
}
@media screen and (max-width: 600px) {
	.productshow .ps1 .img{ margin-bottom:20px;}
	.productshow .ps1 .txt .tit h4{ font-size:2.4em;}	
	.productshow .ps1 .txt .tit h3{ font-size:1.8em;}
	.productshow .ps1 .txt .t p{ font-size:1.4em; line-height:20px; padding-left:15px;}
	.productshow .ps1 .txt .t p:after{ top:5px;}
	.productshow .ps1 .txt .dot img{ width:40px;}
	.productshow .ps1 .txt .dot p{ font-size:1.4em; line-height:24px;}
	.productshow .btn a{ margin:0 5px;}
	.productshow .btn a p{ font-size:1.4em;}
	.prshow{ padding:40px 0 0 0;}
}

/*about*/
@media screen and (max-width: 1600px) {
	.about-t .a1 .dots .dot:nth-child(3){ margin-left:120px;}
	.about-t .a1 .dots .dot:nth-child(2){ margin-left:60px;}
	.about-t .a1 .dots .d{ width:100px;}
}
@media screen and (max-width: 1500px) {
	.about-t .a1 .dots{ max-width:425px;}
	.about-t { padding: 60px 0;}
	.about-t .a1{ padding-bottom:80px;}
}
@media screen and (max-width: 1300px) {
	.about-t .a1 .dots { margin-left: 2%;}
	.about-t .a1 .dots .dot:nth-child(3){ margin-left:60px;}
	.about-t .a1 .dots .dot:nth-child(2){ margin-left:30px;}
	.banners { height: 450px;}
	.about-t .a2 {  padding: 55px 20px;  margin-bottom: 60px;}
	.about-t .a2 .honor-slider{ margin-top:40px;}
	.about-t .a3 { padding: 55px 20px;}
	.about-t .a2 .honor-slider:after, .about-t .a2 .honor-slider:before{ width:40px;}
	.about-t .a2 .honor-slider{ padding:0 40px;}
	.about-t .a3 .ae-slider,.about-t .a1 .txt{ margin-top: 40px;}
	.about-t .a1 .dots { width:100%;}
	.about-t .a1 .dots .dot{ max-width:80%;}
}
@media screen and (max-width: 1100px) {
	.banners { height: 350px;}
	.about-t .a1 .txt{ width:100%;}
	.about-t .a1 .dots{ max-width:100%; margin-top:20px;}
	.about-t .a1 .txt p{ margin-bottom:10px;}
}
@media screen and (max-width: 800px) {
	.about-t { padding: 40px 0;}
	.about-t .a3 .ae-slider,.about-t .a1 .txt,.about-t .a2 .honor-slider{ margin-top: 20px;}
	.about-t .a2,.about-t .a3{ padding:40px 0;}
	.about .txt h3{ font-size:2.4em; margin-bottom:5px;}
	.about .txt .dot p{ font-size:1.6em;}
}
@media screen and (max-width: 600px) {
	.about-t .a1 .dots .dot>*{ display:block; width:100%; padding:10px 0; }
	.about-t .a1 .dots .dot .d{margin-left:10px;}
	.about-t .a1 .dots .dot .t{ padding:10px 40px;}
	.about-t .a1 .dots .dot:nth-child(3){ margin-left:0px;}
	.about-t .a1 .dots .dot:nth-child(2){ margin-left:0px;}
	.about-t .a1 .txt{ padding:0;}
}
@media screen and (max-width: 400px) {
	.about-t .a1{ padding-bottom:20px;}
	.a2 .warp{ padding:0;}
	.about-t .a2{ margin-bottom:30px;}
}

/*banners*/
@media screen and (max-width: 1024px) {
	.service .txt h3{ font-size:2.4em; line-height:28px;}
}
@media screen and (max-width: 800px) {
	.contact .txt h3{ font-size:2.4em; line-height:28px;}
	.contact .txt h4{ font-size:1.4em;}
}
@media screen and (max-width: 600px) {
	.contact .txt h3{ font-size:1.8em; line-height:24px;}
	.contact .txt h4{ font-size:1.4em; line-height:20px;}
	.service .txt h3{ font-size:2em; }
}